<template>
	<view class="page">
		<image src="../../../static/img/user/no_login.png" mode="aspectFill"></image>
		<h4>需要登录才可以使用该功能哦~</h4>
		<button @tap="jumpLogin">立即登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		onLoad(option) {
			console.log(option.key)
			const titleMap = {
				integral: '我的积分',
				collect: '我的收藏',
				message: '我的消息',
				info: '完善资料',
				comment: '我的评论',
				price: '咨询费'
			}
			uni.setNavigationBarTitle({
				title: titleMap[option.title] || ''
			})
		},
    methods: {
      // 跳转到登录页面
      jumpLogin() {
        uni.navigateTo({
          url: '/pages/login/login'
        })
      }
    }
	}
</script>

<style>
	page {
		height: 100%;
    border-top: 2upx solid #E3E3E3;
	}

	.page {
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.page image {
		width: 473upx;
		height: 230upx;
	}

	h4 {
		font-size: 34upx;
		line-height: 36upx;
		margin-top: 64upx;
		color: #BBD5EF;
		font-weight: 500;
	}

	button {
		margin-top: 100upx;
		width: 420upx;
		font-size: 34upx;
		font-weight: 500;
		line-height: 88upx;
		color: #fff;
		background: linear-gradient(45deg, #8BA5F0, #A188F9);
	}

	button:after {
		display: none;
	}
</style>
